<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<div class="GFXIL1ECDR">
	<span class="GFXIL1ECAR"></span>
	<div class="GFXIL1ECCR">
		我的考勤
	</div>
	<span class="GFXIL1ECBR"></span>
</div>
<div class="GFXIL1ECOP">
	<span class="gwt-InlineLabel">考勤时间：</span>
	<select name="year" class="GFXIL1ECMP">
		<option value="2011">
			2011年
		</option>
		<option value="2012">
			2012年
		</option>
	</select>
	<select name="month" class="GFXIL1ECMP">
		<option value="1">
			01月
		</option>
		<option value="2">
			02月
		</option>
		<option value="3">
			03月
		</option>
		<option value="4">
			04月
		</option>
		<option value="5">
			05月
		</option>
		<option value="6">
			06月
		</option>
		<option value="7">
			07月
		</option>
		<option value="8">
			08月
		</option>
		<option value="9">
			09月
		</option>
		<option value="10">
			10月
		</option>
		<option value="11">
			11月
		</option>
		<option value="12">
			12月
		</option>
	</select>
</div>
<table style="width: 660px;" cellpadding="0" cellspacing="0">
	<tbody>
		<tr>
			<td style="vertical-align: top;" align="left">
				<div class="GFXIL1ECGQ">
					<span class="GFXIL1ECNQ">星期一</span>
					<span class="GFXIL1ECNQ">星期二</span>
					<span class="GFXIL1ECNQ">星期三</span>
					<span class="GFXIL1ECNQ">星期四</span>
					<span class="GFXIL1ECNQ">星期五</span>
					<span class="GFXIL1ECNQ">星期六</span>
					<span class="GFXIL1ECOQ">星期日</span>
				</div>
			</td>
		</tr>
		<tr>
			<td style="vertical-align: top;" align="left">
				<div class="GFXIL1ECJQ">
					<div class="GFXIL1ECDS GFXIL1ECES">
						<div class="GFXIL1ECCS"></div>
						<div style="opacity: 0;" class="GFXIL1ECFS"></div>
						<div style="opacity: 0; display: none;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECGS">
						<div class="GFXIL1ECCS">
							1
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="1" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECGS">
						<div class="GFXIL1ECCS">
							2
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							<font style="color: red; font-family: 宋体;">09:16</font>～
						</div>
						<div id="2" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECGS">
						<div class="GFXIL1ECCS">
							3
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="3" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECGS">
						<div class="GFXIL1ECCS">
							4
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							<font style="color: red; font-family: 宋体;">16:04</font>～
						</div>
						<div id="4" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECKS">
						<div class="GFXIL1ECCS">
							5
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="5" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECKS">
						<div class="GFXIL1ECCS">
							6
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="6" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECES GFXIL1ECGS">
						<div class="GFXIL1ECCS">
							7
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="7" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECGS">
						<div class="GFXIL1ECCS">
							8
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="8" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECGS">
						<div class="GFXIL1ECCS">
							9
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="9" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECGS">
						<div class="GFXIL1ECCS">
							10
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="10" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECGS">
						<div class="GFXIL1ECCS">
							11
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="11" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS">
							12
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							<font style="font-family: 宋体;">04:39</font>～
						</div>
						<div id="12" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECKS">
						<div class="GFXIL1ECCS">
							13
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="13" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECES">
						<div class="GFXIL1ECCS">
							14
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="14" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS">
							15
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="15" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS">
							16
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="16" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS">
							17
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="17" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS">
							18
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="18" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECKS">
						<div class="GFXIL1ECCS">
							19
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="19" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECKS">
						<div class="GFXIL1ECCS">
							20
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="20" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECES">
						<div class="GFXIL1ECCS">
							21
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="21" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS">
							22
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="22" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS">
							23
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="23" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS">
							24
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="24" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS">
							25
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="25" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECKS">
						<div class="GFXIL1ECCS">
							26
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="26" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECKS">
						<div class="GFXIL1ECCS">
							27
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="27" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS GFXIL1ECES">
						<div class="GFXIL1ECCS">
							28
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="28" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS">
							29
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="29" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS">
							30
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="30" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS">
							31
						</div>
						<div style="opacity: 0;" class="GFXIL1ECFS">
							～
						</div>
						<div id="31" style="opacity: 0;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS"></div>
						<div style="opacity: 0;" class="GFXIL1ECFS"></div>
						<div style="opacity: 0; display: none;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS"></div>
						<div style="opacity: 0;" class="GFXIL1ECFS"></div>
						<div style="opacity: 0; display: none;" class="GFXIL1ECHS"></div>
					</div>
					<div class="GFXIL1ECDS">
						<div class="GFXIL1ECCS"></div>
						<div style="opacity: 0;" class="GFXIL1ECFS"></div>
						<div style="opacity: 0; display: none;" class="GFXIL1ECHS"></div>
					</div>
				</div>
			</td>
		</tr>
	</tbody>
</table>
<div class="GFXIL1ECHR">
	<span class="GFXIL1ECER">注: 只有填写考勤说明时，小图标</span>
	<div class="GFXIL1ECGR"></div>
	<span class="gwt-InlineLabel">方可展示；</span>
	<p>
		<span class="GFXIL1ECFR">考勤异常时(迟到/早退/缺勤)，打卡时间、表格底色标红；</span>
	</p>
</div>